<html>
    <head>
        <meta charset='utf-8' />
        <link href='{{asset('bundles/CNAMActiman/css/fullcalendar.css') }}' rel='stylesheet' />
        <link href='{{asset('bundles/CNAMActiman/css/fullcalendar.print.css') }}' rel='stylesheet' />
        <script src='{{asset('bundles/CNAMActiman/lib/jquery-1.5.1.min.js') }}'></script>
        <script src='{{asset('bundles/CNAMActiman/lib/jquery-ui.custom.min.js') }}'></script>
        <script src='{{asset('bundles/CNAMActiman/js/fullcalendar.js') }}'></script>
        <script src='{{asset('bundles/CNAMActiman/js/fullcalendar.min.js') }}'></script>
        <script src='{{asset('bundles/CNAMActiman/js/moment.min.js') }}'></script>
        <script src='{{asset('bundles/CNAMActiman/js/maruti.js') }}'></script>
        <script>
            $(document).ready(function() {
                $('#calendar').fullCalendar({
                    header: {
                        left: 'prev,next today',
                        center: 'title',
                        right: 'month,basicWeek,basicDay'
                    },
                    defaultDate: '2014-09-12',
                    editable: true,
                    eventLimit: true, // allow "more" link when too many events
                    events: [
                        {
                            title: 'All Day Event',
                            start: '2014-09-01'
                        },
                        {
                            title: 'Long Event',
                            start: '2014-09-07',
                            end: '2014-09-10'
                        },
                        {
                            id: 999,
                            title: 'Repeating Event',
                            start: '2014-09-09T16:00:00'
                        },
                        {
                            id: 999,
                            title: 'Repeating Event',
                            start: '2014-09-16T16:00:00'
                        },
                        {
                            title: 'Conference',
                            start: '2014-09-11',
                            end: '2014-09-13'
                        },
                        {
                            title: 'Meeting',
                            start: '2014-09-12T10:30:00',
                            end: '2014-09-12T12:30:00'
                        },
                        {
                            title: 'Lunch',
                            start: '2014-09-12T12:00:00'
                        },
                        {
                            title: 'Meeting',
                            start: '2014-09-12T14:30:00'
                        },
                        {
                            title: 'Happy Hour',
                            start: '2014-09-12T17:30:00'
                        },
                        {
                            title: 'Dinner',
                            start: '2014-09-12T20:00:00'
                        },
                        {
                            title: 'Birthday Party',
                            start: '2014-09-13T07:00:00'
                        },
                        {
                            title: 'Click for Google',
                            url: 'http://google.com/',
                            start: '2014-09-28'
                        }
                    ]
                });

            });
        </script>
        <style>

            body {
                margin: 40px 10px;
                padding: 0;
                font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
                font-size: 14px;
            }

            #calendar {
                max-width: 900px;
                margin: 0 auto;
            }

        </style>
    </head>
    <body>

        <div id='calendar'></div>

    </body>
</html>